<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 
    <h:head>
        <title>Conciencia Fonológica </title>  


        <link href="./resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <meta  http-equiv = "X-UA-Compatible"  content = "IE=8"  />
    </h:head>
    <h:body>




        <div id="top" class="top" style="height: 60px" align="center">
            <hr2 > Conciencia Fonológica Rutas de Lectura Programar</hr2>
        </div>



        <div id="left" >

            <ui:include src="vMenu.xhtml" />

        </div>




        <div  class="left_content">




            <h:form id="dd"> 
                <p:growl id="growl" showDetail="true" sticky="true" /> 
                <p:panel>


                    <table>
                        <tr>
                            <td>
                                <h:outputText value="Codigo: " />  


                            </td>
                            <td>
                                <p:outputLabel value="#{beanEjercicioAdm.listaModifica()}"></p:outputLabel>
                                <p:inputText id="txtcodigo" size="20" value="#{beanEjercicioAdm.beanModificar.codigo}" >

                                </p:inputText> 
                                <p:message for="txtcodigo" /> 
                            </td>

                            <td>
                                <h:outputText value="Plantilla: " /> 

                            </td>
                            <td>
                                <h:selectOneMenu id="plantilla"
                                                 value="#{beanEjercicioAdm.beanModificar.idPlantilla}" converter="#{IntegerConverter}" style="width: 200px">
                                    <f:selectItem itemLabel="Seleccione" itemValue="0" />
                                    <f:selectItems value="#{tmpEjercicioCFController.listPlantilla}" var="anio"
                                                   itemLabel="#{anio.descripcion}" itemValue="#{anio.codigo}"
                                                   />
                                 
                                </h:selectOneMenu>

                            </td>
                        </tr>
                        <tr>
                            <td>
                                <h:outputText value="Descripcion: " />  

                            </td>
                            <td>
                                <p:inputTextarea    cols="50" id="txtDescripcs" value="#{beanEjercicioAdm.beanModificar.descripcionEjer}" ></p:inputTextarea> 
                                <p:message for="txtDescripcs" /> 
                            </td>
                            <td>

                                <h:outputText value="Dificultad: " />
                            </td>
                            <td>
                                <h:selectOneMenu id="dificultad"
                                                 value="#{beanEjercicioAdm.s.codigo}">
                                    <f:selectItem itemLabel="Seleccione" itemValue="0" />
                                    <f:selectItems value="#{tbEjercicioController.listdificultad}" var="d"
                                                   itemLabel="#{d.desripcion}" itemValue="#{d.codigo}" />
                                </h:selectOneMenu>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <h:outputText value="Enunciado " />
                            </td> 
                            <td>
                                <p:inputText  id="txtenun" value="#{beanEjercicioAdm.beanModificar.enunciado}" size="50"></p:inputText> 
                                <p:message for="txtenun" /> 
                            </td>
                        </tr>
                    </table>


                    <table style="width: 100%;">
                        <tr>
                            <td style="width: 70%">


                                <p:dataTable  id="dtPlantilla" var="war" value="#{beanEjercicioAdm.listtmpEjercicioCF}"  emptyMessage="No existen datos">

                                    <p:column headerText="Columna A">
                                        <h:outputText value="#{war.codA}"></h:outputText>
                                        <h:commandLink action="#{beanEjercicioAdm.showResult}">
                                            <p:graphicImage height="50"  width="50" value="/image/#{war.imagenA}"> </p:graphicImage>                               

                                            <f:param name="condicion" value="1" ></f:param>
                                            <f:setPropertyActionListener value="#{war}" target="#{beanEjercicioAdm.tmpbean}" /> 
                                        </h:commandLink>
                                        <p:inputText id="txt"  value="#{war.enlace}" size="5"></p:inputText>    

                                    </p:column>

                                    <p:column width="30">


                                    </p:column>
                                    <p:column headerText="Columna B" style="alignment-baseline: central" >
                                        <h:outputText value="#{war.codB}"></h:outputText>
                                        <h:commandLink action="#{beanEjercicioAdm.showResult}">
                                            <p:graphicImage   height="50"  width="50"  value="/image/#{war.imagenB}">                   
                                                <f:param name="condicion" value="2" ></f:param>

                                            </p:graphicImage>
                                        </h:commandLink>

                                    </p:column>

                                </p:dataTable>








                            </td>
                            <td>

                                <p:graphicImage width="100" height="100" value="/image/fonde_pantalla.jpg"></p:graphicImage>
                                <p:fileUpload fileUploadListener="#{fileUploadController.handleFileUpload}" mode="advanced" dragDropSupport="false"  
                                              update="messages" sizeLimit="100000" fileLimit="3" allowTypes="/(\.|\/)(gif|jpe?g|png)$/" /> 
                                <p:growl id="messages" showDetail="true"/>  
                                <br>

                                </br>


                                <p:selectManyCheckbox id="lineDirection">  
                                    <f:selectItem itemLabel="Voz" itemValue="Option 1" />  

                                </p:selectManyCheckbox>  

                                <p:graphicImage width="100" height="100" value="/image/microfono.jpg"></p:graphicImage>

                            </td>
                        </tr>

                    </table>







                    <table>
                        <tr>
                            <td>



                                <p:commandButton value="Grabar"  title="Grabar"   id="btnGrabar" actionListener="#{beanEjercicioAdm.grabarDatos}" update="growl" >                     
                                </p:commandButton>


                            </td>
                            <td>
                                <p:commandButton value="Salir"  id="btnGr" action="wfrmEjercicioAdm.jsf" >                        
                                </p:commandButton>
                            </td>
                        </tr>

                    </table>








                </p:panel>


            </h:form>     
        </div>


    </h:body>






</html>

